<!DOCTYPE html>
<html>

<head lang="en">
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
    /**
    .box {
      font-size: 50px;
      color: blue;
      background-color: #ff0000;
      width: 800px;
      height: 100px;
    }

    p.box {
      color: green;
    }

    .mi {
      text-indent: 2em;
    }

    #he {
      font-size: 50px;
      color: rgb(255, 0, 0);
      background-color: rgb(255, 0, 222);
    }

    .father span {
      color: rgb(255, 100, 0);
    }**/

    .son>span {

      color: rgb(255, 100, 100);
    }
  </style>
</head>

<body>

  <div class="box mi "> css基本属性展示</div>
  <p class="box">p标签展示</p>
  <div id="he">id选择器</div>

  <div class="son">
    <p><span>后代选择器</span></p>
    <span>子代选择器</span>
  </div>


</body>

</html>
